<%-- 
    Document   : daftar
    Created on : Nov 8, 2012, 8:46:45 AM
    Author     : yolan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <script language=javascript> var rev = "fwd"; 
            function titlebar(val) { var msg  = "PENDAFTARAN | SMA HARAPAN BANGSA"; 
                var res = " "; var speed = 100; var pos = val;  
                msg = " "+msg+" "; var le = msg.length; 
                if(rev == "fwd"){  if(pos < le){  pos = pos+1;  
                        scroll = msg.substr(0,pos);  document.title = scroll;  
                        timer = window.setTimeout("titlebar("+pos+")",speed);  }  
                    else{  rev = "bwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } 
                else{  if(pos > 0){  pos = pos-1;  
                        var ale = le-pos;  scrol = msg.substr(ale,le);  
                        document.title = scrol;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  
                    else{  rev = "fwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } }  titlebar(0); 
        </script>
        
    <link href="http://img98.imageshack.us/img98/9617/image3cr0.gif" rel='SHORTCUT ICON'/>    
    </head>
    <style>
        #main{
            font-weight: bold;
            padding-left:0px;
            padding-right:0px;
            margin-top: 0px;
            margin-left:170px;
            margin-right:170px;
            margin-bottom:0px;
        }

        #menuhor{
            list-style-type: disc;
            margin: 0;
            padding: 0;

            float: left;
        }
        #menuhor li {
            margin: 0;
            padding: 0 ;
            float: left;

        }
        #menuhor a {
            float: none;
            width: 150px;
            text-align: center;
            color: #FFF;
            text-decoration: none;
            padding: 2px;
            line-height: 2;
            margin-bottom: 3px;
        }
        #menuhor a:hover{
            background: yellow;
        }
        
        #tabel {
            font-family: Arial;
            font-size: 13px;
        }
        
        .html7magic label {
        font-family: Tahoma;
        color:white;
        font-size: 12px;
        padding-left: 1px;
    }
    
    #teks{
                font-family: Arial;
                font-size: 14px;
                color: whitesmoke;
                text-shadow: inherit;
            }
            
            .txt_content03 {
            font-family: Tahoma;
            font-size: 11px;
            }
            
    </style>

<body bgcolor="grey">
    <script language="javascript">
            function show_hari()
            {
                //membuat variabel bertipe array untuk nama hari
                var NamaHari = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat",
                "Sabtu");
                //membuat variabel bertipe array untuk nama bulan
                var NamaBulan = new Array("Januari", "Februari", "Maret", "April", "Mei",
                "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
                var sekarang = new Date();
                var HariIni = NamaHari[sekarang.getDay()];
                var BulanIni = NamaBulan[sekarang.getMonth()];
                var tglSekarang = sekarang.getDate();
                var TahunIni = sekarang.getFullYear();
                document.write(HariIni + ", " + tglSekarang + " " + BulanIni + " " + TahunIni);
            }
        </script>

        <div id="main">
            <img alt="cover" src="gambar/tes.jpg" width="1000" height="200">
            
            <br>
            </body>
             <div id="menuhor"style="position:absolute;right:7px;left:470px;top:170px;">
                 <a href="home.html"><m style="color:black;font-family:Tahoma;font-size:20px">  HOME </a></m>
                 <a href="daftar.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| PENDAFTARAN </a></m>
                 <a href="jurnal.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| JURNAL NILAI</a></m>           
                 <a href="tentang.jsp"><m style="color:black;font-family:Tahoma;font-size:20px">| TENTANG SEKOLAH</a></m>
             </div>
            
            <font style="font-family: Arial; color:white"><script>show_hari();</script>
            | <font id="demo"></font>
            <script>
            var myVar=setInterval(function(){myTimer()},1000);

            function myTimer()
            {
                var d=new Date();
                var t=d.toLocaleTimeString();
                document.getElementById("demo").innerHTML=t;
            }
            </script>
            
            <br> <br>
            
            <div id="java">
                <form action="prosespendaftaran.jsp" method="POST" name="myForm" onsubmit="return validate()">
            <table id="tabel" style="color:black; position:absolute;right:125px;left:250px;">
                        
                <font id="teks" style="position:absolute;right:125px;left:250px;"> Isi data diri Anda </font>
                    <br>          
                            <tbody>
                                <tr>
                                    <td>Nama</td>
                                    <td><input type="text" name="nama" value="" size="30" /></td>
                                </tr>                
                            </tbody>
                            <tr>
                                <td>Jenis Kelamin</td>
                                <td><input type="text" name="jeniskelamin" value="" size="30" /></td>
                                    
                            </tr>
                            <tr>
                            <tr>
                                <td>Tempat Lahir</td>
                                <td><input type="text" name="t4lahir" value="" size="30" /> 
                            </tr>
                            <tr>
                            <td>Tanggal lahir </td>
                            <td>
                                <input type="date" name="tanggallahir"> (Use format dd-mm-yyyy)
                            </td>
                            <td></td>
                        </tr>
                            <tr>

                            <tr>
                                <td>Agama</td>

                                <td><select name="agama">
                            
                            <option value="Hindu">Hindu</option>
                            <option value="Islam">Islam</option>
                            <option value="Kristen">Kristen</option>
                            <option value="Katolik">Katolik</option>
                            <option value="Budha">Budha</option>
                        </select></td>

                             </tr>
                            
                            <tbody>
                                <tr>
                                    <td>Alamat</td>
                                    <td><input type="text" name="alamat" value="" size="30" /></td>
                                </tr>                
                            </tbody>
                            <tbody>
                                <tr>
                                    <td>Asal Sekolah</td>
                                    <td><input type="text" name="asalsekolah" value="" size="30" /></td>
                                </tr>                
                            </tbody>
                            <tbody>
                                <tr>
                                    <td>NIS</td>
                                    <td><input type="text" name="nis" value="" size="30" /></td>
                                </tr>                
                            </tbody>
                            <tbody>
                                <tr>
                                    <td>NEM</td>
                                    <td><input type="text" name="nem" value="" size="30" /></td>
                                      </tr> 
                                </tbody>
                                <tbody>
                                    <tr>
                                        <td><input type="checkbox" name="pernyataan" value="ya" /> Dengan ini , data yang saya masukkan adalah<br> data yang benar sesuai dengan ijasah saya*
                                    </td>
                                    </tr>
                                </tbody>
                            <tr>
                                <td><input type="submit" value="DAFTAR"/>
                                   <tbody>
                                    <tr>
                                        <td>*NB: Calon siswa yang tidak mengisi pernyataan di atas tidak akan terdaftar<br>dan bila melakukan penipuan maka akan dikeluarkan dari sekolah*
                                    </td>
                                    </tr>
                                </tbody>
                                
                                
                        </table>
                     
                </form>
            </div>
        </div> 
            
        <br><br><br><br><br><br>
        <br><br><br><br><br><br>
        <br><br><br><br><br><br><center><img src="gambar/sw.gif"
                                 width="500" height="100">
                            <br><br><br>
                        </center>
                        
        <hr style="color: black;" size=" 1px" >
        <center>
        <div class="txt_content03"><b>PPDB-harsa.sch.id</b><br><br>
        PPDB Online SMA Harapan Bangsa<br>
        Jln. Bhayangkara 15 Sleman, Yogyakarta, Indonesia<br>
        Tel: (0274)345-276,65782 , Fax :(0274)345-276,65782<br>

        Email: HARSA.School@gmail.com
        <br><br>
        Support by : <br>
        <a href="http://www.usd.ac.id" target="_blank">Universitas Sanata Dharma</a>
        <br>
        <br>
        © <a href="home.html" target="_blank">PPDB-harsa.sch.id</a>

    </div>
    
        </body>
    </html>